<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>蜂巢装修网-装修案例</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="font_icon/iconfont.css" />
    <link rel="stylesheet" href="css/decorationCompanyDetail.css">
    <link rel="stylesheet" href="./lib/swiper/swiper.min.css">

</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="header_wrap w">
            <ul>
                <li>
                    <i class="iconfont">
                        &#xe603;
                    </i>
                </li>
                <li>
                    <span id="city">
                        金华
                    </span>
                </li>
                <li>
                    <a id="switch" href="javascript:;">[切换]</a>
                </li>
            </ul>
            <ul class="right">
                <li>
                    <span>
                        欢迎进入蜂巢网~
                    </span>
                </li>
                <li>
                <li>
                    <a id="login" href="../蜂巢装修网前端页面/fc-owner-login.html">
                        登录
                    </a>
                </li>
                <li>
                    <a id="Register" href="../蜂巢装修网前端页面/fc-register.html">
                        注册
                    </a>
                </li>
                <li class="Hotline">
                    <a href="../蜂巢装修网前端页面/fc-index.html">
                        | 返回首页
                    </a>
                </li>
            </ul>
        </div>
        <!-- 城市切换表 -->
        <div class="city_switchover hide-us" id="city_switchover">
            <div class="transition"></div>
            <div class="hot_citys">
                <p class="hot_city_title">热门城市：</p>
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">北京</a>
                    </li>
                    <li>
                        <a href="javascript:;">上海</a>
                    </li>
                    <li>
                        <a href="javascript:;">广州</a>
                    </li>
                    <li>
                        <a href="javascript:;">深圳</a>
                    </li>
                    <li>
                        <a href="javascript:;">成都</a>
                    </li>
                    <li>
                        <a href="javascript:;">重庆</a>
                    </li>
                    <li>
                        <a href="javascript:;">武汉</a>
                    </li>
                    <li>
                        <a href="javascript:;">沈阳</a>
                    </li>
                    <li>
                        <a href="javascript:;">大连</a>
                    </li>
                    <li>
                        <a href="javascript:;">郑州</a>
                    </li>
                    <li>
                        <a href="javascript:;">西安</a>
                    </li>
                    <li>
                        <a href="javascript:;">南京</a>
                    </li>
                    <li>
                        <a href="javascript:;">苏州</a>
                    </li>
                    <li>
                        <a href="javascript:;">无锡</a>
                    </li>
                    <li>
                        <a href="javascript:;">武汉</a>
                    </li>
                    <li>
                        <a href="javascript:;">徐州</a>
                    </li>
                    <li>
                        <a href="javascript:;">杭州</a>
                    </li>
                    <li>
                        <a href="javascript:;">宁波</a>
                    </li>
                    <li>
                        <a href="javascript:;">天津</a>
                    </li>
                    <li>
                        <a href="javascript:;">昆明</a>
                    </li>
                    <li>
                        <a href="javascript:;">南宁</a>
                    </li>
                    <li>
                        <a href="javascript:;">合肥</a>
                    </li>
                    <li>
                        <a href="javascript:;">长沙</a>
                    </li>
                    <li>
                        <a href="javascript:;">青岛</a>
                    </li>
                    <li>
                        <a href="javascript:;">泉州</a>
                    </li>
                    <li>
                        <a href="javascript:;">兰州</a>
                    </li>
                    <li>
                        <a href="javascript:;">东莞</a>
                    </li>
                    <li>
                        <a href="javascript:;">惠州</a>
                    </li>
                    <li>
                        <a href="javascript:;">佛山</a>
                    </li>
                    <li>
                        <a href="javascript:;">贵阳</a>
                    </li>
                    <li>
                        <a href="javascript:;">哈尔滨</a>
                    </li>
                </ul>
                <p class="more_city">
                    <a href="javascript:;">更多>></a>
                </p>
            </div>
        </div>
    </header>
    <!-- 蜂巢网logo和大标题 -->
    <div class="headline w clearfix">
        <h1 class="logo left">
            <a href="#">蜂巢网</a>
        </h1>
        <h2 class="left">
            装修案例
        </h2>
    </div>
    <!-- 案例介绍 -->
    <div class="caseInfo w">
        <h4>自然纯净·质感复式K</h4>
        <p>户型：三居 | 风格：中式 | 价格：5-10万 | 空间：客厅 卧室 餐厅 卫生间 阳台 | 方式：半包</p>
    </div>
    <!-- 图片展示 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="img/效果图/装修图10.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/效果图/装修图15.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/效果图/装修图21.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/效果图/装修图13.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/效果图/装修图48.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/效果图/装修图39.jpg" alt="">
            </div>
        </div>
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <!-- 尾部 -->
    <footer>
        <div class="footer_info w">
            <ul class="clearfix">
                <li>
                    <a href="./fc-aboutFC.html">关于我们</a>
                </li>
                <li>
                    <a href="./fc-contactUs.html">联系我们</a>
                </li>
                <li>
                    <a href="./fc-feedback.html">意见反馈</a>
                </li>
                <li>
                    <a href="./fc-businessCooperation.html">商务合作</a>
                </li>
                <li>
                    <a href="./fc-legalNotice.html">法律声明</a>
                </li>
            </ul>
            <p>免责声明：本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。© 2018 蜂巢装修网 保留所有权利</p>
            <p class="footer-company-icp">
                <span>中国装修网 <a href="http://www.miitbeian.gov.cn/" target="_blank"
                        rel="nofollow">增值电信业务许可证：粤B2-20120566号</a></span>
                <span><a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow"
                        class="footer_y_icp">粤ICP备08125558号-1</a></span>
                <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502001458"
                    class="footer_new_ga" rel="nofollow">
                </a>
                <a href="https://szcert.ebs.org.cn/c0adeb1a-0ad1-476b-b4bd-661a79e90877" target="_blank"
                    title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" rel="nofollow">
                </a>
                <a href="http://www.cyberpolice.cn/wfjb/" target="_blank" rel="nofollow">
                    <i class="iconfont icon1">&#xe629;</i>
                </a>
                <a href="http://www.cyberpolice.cn/wfjb/" target="_blank" rel="nofollow">
                </a>
                <a href="https://search.szfw.org/cert/l/CX20140929005207005275" target="_blank" rel="nofollow">
                    <i class="iconfont icon2">&#xe633;</i>
                </a>
                <a href="http://si.trustutn.org/info?sn=345170814029859496005&amp;certType=1" target="_blank"
                    rel="nofollow">
                    <i class="iconfont icon3">&#xe62f;</i>
                </a>
            </p>
        </div>
    </footer>

    <script src="./lib/jquery/jquery.min.js"></script>
    <script src="./lib/swiper/swiper.min.js"></script>
    <script src="js/fc-base.js"></script>
    <script>
        // 轮播图
        var mySwiper = new Swiper('.swiper-container', {
            spaceBetween: 30,
            centeredSlides: true,
            // autoplay: {
            //     delay: 2500,
            //     disableOnInteraction: false,
            // }, // 循环模式选项

            // 如果需要分页器
            // pagination: {
            //     el: '.swiper-pagination',
            // },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        })

    </script>
</body>

</html>